<script setup>

import BackgroundCom from "../components/signin/BackgroundCom.vue";
import SignCardCom from "../components/signin/SignCardCom.vue";
</script>

<template>
  <div>
    <!--背景-->
    <BackgroundCom/>
    <!--登陆注册选项卡-->
    <SignCardCom class="glass-plate sign-card-container"/>
  </div>
</template>

<style scoped>
  .sign-card-container{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    height: 500px;
    animation: drop-from-top-tran .8s 1;
  }
</style>